<template>
  <!--<div class="bg-fff bdr-10 home pd-10">-->
    <!--<div class="left fx-1">-->
      <!--<v-todo class="todo bd-1 bdr-10"></v-todo>-->
      <!--<v-charts class="charts bd-1 bdr-10"></v-charts>-->
      <!--<v-store class="store bd-1 bdr-10"></v-store>-->
    <!--</div>-->
    <!--<div class="right fx-1">-->
      <!--<v-wallet class="wallet bd-1 bdr-10"></v-wallet>-->
      <!--<v-bi class="bi bd-1 bdr-10"></v-bi>-->
      <!--<v-order class="order bd-1 bdr-10"></v-order>-->
    <!--</div>-->
  <!--</div>-->
  <router-view class="pd-20 bdr-10 bg-fff"></router-view>
</template>
<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator'
  import vTodo from './components/todo.vue'
  import vCharts from './components/charts.vue'
  import vStore from './components/store.vue'
  import vBi from './components/bi.vue'
  import vWallet from './components/wallet.vue'
  import vOrder from './components/order.vue'

  @Component({
    components: {
      vTodo, vCharts, vStore, vBi, vWallet, vOrder
    }
  })
  export default class Home extends Vue {

  }
</script>
<style lang="less" scoped>

  .bd-1 {
    border: 1px solid #ddd;
    padding: 0 30px;
  }
  .pd-10 {
    min-height: 100%;
  }
</style>
